<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4011232" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">菜单</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
                <div class="name">菜单</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">菜单</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
                <div class="name">菜单</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">菜单_项目管理</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fe;</span>
                <div class="name">菜单项</div>
                <div class="code-name">&amp;#xe7fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a5;</span>
                <div class="name">左侧菜单-项目管理模块-2项目对象管理（1级菜单）-copy</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">计量点</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">已同步</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">地址</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec34;</span>
                <div class="name">告警</div>
                <div class="code-name">&amp;#xec34;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">设备告警</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d7;</span>
                <div class="name">问号</div>
                <div class="code-name">&amp;#xe6d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">问号</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">问号</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79f;</span>
                <div class="name">问号</div>
                <div class="code-name">&amp;#xe79f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">导出</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">导出</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">箭头左</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">箭头4_右</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">箭头4_左</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">左右箭头</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">左右箭头@2x</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">左右箭头@2x</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe702;</span>
                <div class="name">箭头_页面_向右</div>
                <div class="code-name">&amp;#xe702;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe703;</span>
                <div class="name">箭头_页面_向左</div>
                <div class="code-name">&amp;#xe703;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe705;</span>
                <div class="name">左右箭头-右</div>
                <div class="code-name">&amp;#xe705;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe706;</span>
                <div class="name">左右箭头-左</div>
                <div class="code-name">&amp;#xe706;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85e;</span>
                <div class="name">箭头左圆</div>
                <div class="code-name">&amp;#xe85e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe861;</span>
                <div class="name">箭头右圆</div>
                <div class="code-name">&amp;#xe861;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">箭头-右滑</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">箭头-左滑</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">左右箭头-copy</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">下发</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d3;</span>
                <div class="name">下发</div>
                <div class="code-name">&amp;#xe7d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">召测</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f9;</span>
                <div class="name">特大暴雨</div>
                <div class="code-name">&amp;#xe6f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fa;</span>
                <div class="name">雨夹雪</div>
                <div class="code-name">&amp;#xe6fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fb;</span>
                <div class="name">霾</div>
                <div class="code-name">&amp;#xe6fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fc;</span>
                <div class="name">霜冻</div>
                <div class="code-name">&amp;#xe6fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fd;</span>
                <div class="name">夜晚</div>
                <div class="code-name">&amp;#xe6fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fe;</span>
                <div class="name">雨天</div>
                <div class="code-name">&amp;#xe6fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ff;</span>
                <div class="name">日落</div>
                <div class="code-name">&amp;#xe6ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe700;</span>
                <div class="name">秋</div>
                <div class="code-name">&amp;#xe700;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">Icon - 导入</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe701;</span>
                <div class="name">天气-雷电天气</div>
                <div class="code-name">&amp;#xe701;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">天气-雨</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f7;</span>
                <div class="name">大雨</div>
                <div class="code-name">&amp;#xe6f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f8;</span>
                <div class="name">大暴雨</div>
                <div class="code-name">&amp;#xe6f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">发电量</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">锁定</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">曲线图</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">退运</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f6;</span>
                <div class="name">退运</div>
                <div class="code-name">&amp;#xe6f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea88;</span>
                <div class="name">备件退运单</div>
                <div class="code-name">&amp;#xea88;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d1;</span>
                <div class="name">自动投运-手动</div>
                <div class="code-name">&amp;#xe6d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
                <div class="name">发布</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">27撤销</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c8;</span>
                <div class="name">KHCFDC_撤销</div>
                <div class="code-name">&amp;#xe6c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec86;</span>
                <div class="name">发布</div>
                <div class="code-name">&amp;#xec86;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">森林</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">co2</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">煤</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">co2</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">煤</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">so2</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">CO2</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ca;</span>
                <div class="name">16_设备-逆变器-单元1@1x</div>
                <div class="code-name">&amp;#xe6ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
                <div class="name">煤</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">SO2</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f5;</span>
                <div class="name">F-风机逆变器</div>
                <div class="code-name">&amp;#xe6f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">告警</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe786;</span>
                <div class="name">离线</div>
                <div class="code-name">&amp;#xe786;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">离线</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">正常</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">离线</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">采购订单管理</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">关注中心</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">第三方授权</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">我的供应商</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">角色管理</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">我的身份确权</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">影音</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">ai工具</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">小游戏</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">关于</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">图标</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">主题</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">链接</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">备份</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe903;</span>
                <div class="name">汇流箱</div>
                <div class="code-name">&amp;#xe903;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">电池容量</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">p</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">加号</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">加减组件 加号</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">加号</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">向上箭头</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">向下箭头</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">3.1购物车-选中</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">用户名</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe704;</span>
                <div class="name">日期</div>
                <div class="code-name">&amp;#xe704;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">日期-色块icon</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">日期</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f4;</span>
                <div class="name">铃铛</div>
                <div class="code-name">&amp;#xe6f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">停用</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">启用</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">耗电总量</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b5;</span>
                <div class="name">柱状图 图表</div>
                <div class="code-name">&amp;#xe7b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">表格</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">修改密码</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">用户管理</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f3;</span>
                <div class="name">用户</div>
                <div class="code-name">&amp;#xe6f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">解锁</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">提交</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">展开菜单</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">收缩菜单</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">10G菜单开启</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d3;</span>
                <div class="name">菜单收起</div>
                <div class="code-name">&amp;#xe6d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75a;</span>
                <div class="name">退款</div>
                <div class="code-name">&amp;#xe75a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ab;</span>
                <div class="name">退款</div>
                <div class="code-name">&amp;#xe8ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
                <div class="name">退款</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">三方存管销户</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">SQL审核</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">审核</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
                <div class="name">审核系统</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">审核待办</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c2;</span>
                <div class="name">审核</div>
                <div class="code-name">&amp;#xe7c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">抄表</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">方案</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">抄表</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">漏电流</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73d;</span>
                <div class="name">方案</div>
                <div class="code-name">&amp;#xe73d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe90a;</span>
                <div class="name">保电</div>
                <div class="code-name">&amp;#xe90a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">空心箭头-向上一横</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">用户开户</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe761;</span>
                <div class="name">撤销</div>
                <div class="code-name">&amp;#xe761;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f2;</span>
                <div class="name">撤销</div>
                <div class="code-name">&amp;#xe6f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">撤销</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">撤销</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">经办撤销</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">撤销</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74b;</span>
                <div class="name">减</div>
                <div class="code-name">&amp;#xe74b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">添加文件</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">添加文件</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">减</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6dc;</span>
                <div class="name">飞机</div>
                <div class="code-name">&amp;#xe6dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6dd;</span>
                <div class="name">帆船</div>
                <div class="code-name">&amp;#xe6dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6de;</span>
                <div class="name">叉车</div>
                <div class="code-name">&amp;#xe6de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6df;</span>
                <div class="name">出租车</div>
                <div class="code-name">&amp;#xe6df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e1;</span>
                <div class="name">警车</div>
                <div class="code-name">&amp;#xe6e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e2;</span>
                <div class="name">火箭</div>
                <div class="code-name">&amp;#xe6e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e5;</span>
                <div class="name">货车</div>
                <div class="code-name">&amp;#xe6e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e6;</span>
                <div class="name">轮船</div>
                <div class="code-name">&amp;#xe6e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e7;</span>
                <div class="name">拖拉机</div>
                <div class="code-name">&amp;#xe6e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e8;</span>
                <div class="name">越野车</div>
                <div class="code-name">&amp;#xe6e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e9;</span>
                <div class="name">小摩托</div>
                <div class="code-name">&amp;#xe6e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ea;</span>
                <div class="name">救护车</div>
                <div class="code-name">&amp;#xe6ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ed;</span>
                <div class="name">摩托车</div>
                <div class="code-name">&amp;#xe6ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ee;</span>
                <div class="name">高铁</div>
                <div class="code-name">&amp;#xe6ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ef;</span>
                <div class="name">加油机器</div>
                <div class="code-name">&amp;#xe6ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f0;</span>
                <div class="name">消防车 1</div>
                <div class="code-name">&amp;#xe6f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f1;</span>
                <div class="name">皮卡</div>
                <div class="code-name">&amp;#xe6f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">充值</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">待收款对账单</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72e;</span>
                <div class="name">账单</div>
                <div class="code-name">&amp;#xe72e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70f;</span>
                <div class="name">对账付款</div>
                <div class="code-name">&amp;#xe70f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe710;</span>
                <div class="name">对账查款</div>
                <div class="code-name">&amp;#xe710;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe736;</span>
                <div class="name">文件-账单</div>
                <div class="code-name">&amp;#xe736;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">011_账单明细</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe822;</span>
                <div class="name">总账单</div>
                <div class="code-name">&amp;#xe822;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">003_清理</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">003_撤回</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">列表</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeabe;</span>
                <div class="name">24gl-folderOpen</div>
                <div class="code-name">&amp;#xeabe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">分组</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">yx_minimize</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
                <div class="name">all</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c0;</span>
                <div class="name">attachment</div>
                <div class="code-name">&amp;#xe6c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e3;</span>
                <div class="name">auto</div>
                <div class="code-name">&amp;#xe6e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe716;</span>
                <div class="name">bad</div>
                <div class="code-name">&amp;#xe716;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe717;</span>
                <div class="name">good</div>
                <div class="code-name">&amp;#xe717;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe718;</span>
                <div class="name">skip</div>
                <div class="code-name">&amp;#xe718;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">扫一扫</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">我的优惠券</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">另存为</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
                <div class="name">礼物</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
                <div class="name">语音</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">bluetoothon</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">camera</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
                <div class="name">th_internet</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">problem</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e0;</span>
                <div class="name">message white</div>
                <div class="code-name">&amp;#xe6e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e4;</span>
                <div class="name">tips money</div>
                <div class="code-name">&amp;#xe6e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6eb;</span>
                <div class="name">like</div>
                <div class="code-name">&amp;#xe6eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ec;</span>
                <div class="name">mark</div>
                <div class="code-name">&amp;#xe6ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">customer-service</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">mic</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">task</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">telephone-out</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">unlock</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
                <div class="name">zoom-in</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">zoom-out</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84f;</span>
                <div class="name">company</div>
                <div class="code-name">&amp;#xe84f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe881;</span>
                <div class="name">旺铺装修</div>
                <div class="code-name">&amp;#xe881;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe882;</span>
                <div class="name">行业活动</div>
                <div class="code-name">&amp;#xe882;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">我的</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">主页</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">消息</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">通知</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">警告</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">收藏</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe787;</span>
                <div class="name">钉盘</div>
                <div class="code-name">&amp;#xe787;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe789;</span>
                <div class="name">菜单</div>
                <div class="code-name">&amp;#xe789;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78a;</span>
                <div class="name">收藏</div>
                <div class="code-name">&amp;#xe78a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">yx_back</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
                <div class="name">yx_download</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">yx_bell_off</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">yx_check</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
                <div class="name">yx_eye</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
                <div class="name">yx_icon_alert_triangle</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe684;</span>
                <div class="name">yx_bell</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">yx_icon_left</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">yx_icon_right</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">yx_icon_down</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">yx_search</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">yx_map_pin</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">yx_thumbs_up</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">个人中心</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">微信信息</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">iconfont-cog</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">iconfont-icon (3)</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">iconfont-iconfontditu2</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">iconfont-iconfontlocationfill</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">iconfont-iconfontweibo</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74c;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe74c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">向下箭头</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">向右箭头</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">向左箭头</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88e;</span>
                <div class="name">进入箭头</div>
                <div class="code-name">&amp;#xe88e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe899;</span>
                <div class="name"> 购物车</div>
                <div class="code-name">&amp;#xe899;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70b;</span>
                <div class="name">购物车</div>
                <div class="code-name">&amp;#xe70b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">维修off</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">维修</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">iconfont icon-xitong</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">钱</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">购物车空</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">购物车</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1762491787556') format('woff2'),
       url('iconfont.woff?t=1762491787556') format('woff'),
       url('iconfont.ttf?t=1762491787556') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-caidan1"></span>
            <div class="name">
              菜单
            </div>
            <div class="code-name">.icon-caidan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidan2"></span>
            <div class="name">
              菜单
            </div>
            <div class="code-name">.icon-caidan2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidan3"></span>
            <div class="name">
              菜单
            </div>
            <div class="code-name">.icon-caidan3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidan4"></span>
            <div class="name">
              菜单
            </div>
            <div class="code-name">.icon-caidan4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidan_xiangmuguanli"></span>
            <div class="name">
              菜单_项目管理
            </div>
            <div class="code-name">.icon-caidan_xiangmuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-menu-item"></span>
            <div class="name">
              菜单项
            </div>
            <div class="code-name">.icon-menu-item
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shebei"></span>
            <div class="name">
              左侧菜单-项目管理模块-2项目对象管理（1级菜单）-copy
            </div>
            <div class="code-name">.icon-shebei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiliangdian"></span>
            <div class="name">
              计量点
            </div>
            <div class="code-name">.icon-jiliangdian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yitongbu1"></span>
            <div class="name">
              已同步
            </div>
            <div class="code-name">.icon-yitongbu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dizhi"></span>
            <div class="name">
              地址
            </div>
            <div class="code-name">.icon-dizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gaojing1"></span>
            <div class="name">
              告警
            </div>
            <div class="code-name">.icon-gaojing1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shebeigaojing"></span>
            <div class="name">
              设备告警
            </div>
            <div class="code-name">.icon-shebeigaojing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenhao"></span>
            <div class="name">
              问号
            </div>
            <div class="code-name">.icon-wenhao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenhao1"></span>
            <div class="name">
              问号
            </div>
            <div class="code-name">.icon-wenhao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenhao2"></span>
            <div class="name">
              问号
            </div>
            <div class="code-name">.icon-wenhao2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenhao3"></span>
            <div class="name">
              问号
            </div>
            <div class="code-name">.icon-wenhao3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daochu"></span>
            <div class="name">
              导出
            </div>
            <div class="code-name">.icon-daochu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daochu1"></span>
            <div class="name">
              导出
            </div>
            <div class="code-name">.icon-daochu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiantouzuo"></span>
            <div class="name">
              箭头左
            </div>
            <div class="code-name">.icon-jiantouzuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiantou_you"></span>
            <div class="name">
              箭头4_右
            </div>
            <div class="code-name">.icon-jiantou_you
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiantou_zuo"></span>
            <div class="name">
              箭头4_左
            </div>
            <div class="code-name">.icon-jiantou_zuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-poi-turnleft"></span>
            <div class="name">
              左右箭头
            </div>
            <div class="code-name">.icon-poi-turnleft
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuoyoujiantoux"></span>
            <div class="name">
              左右箭头@2x
            </div>
            <div class="code-name">.icon-zuoyoujiantoux
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuoyoujiantoux1"></span>
            <div class="name">
              左右箭头@2x
            </div>
            <div class="code-name">.icon-zuoyoujiantoux1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiantou_yemian_xiangyou"></span>
            <div class="name">
              箭头_页面_向右
            </div>
            <div class="code-name">.icon-jiantou_yemian_xiangyou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiantou_yemian_xiangzuo"></span>
            <div class="name">
              箭头_页面_向左
            </div>
            <div class="code-name">.icon-jiantou_yemian_xiangzuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuoyoujiantou-you"></span>
            <div class="name">
              左右箭头-右
            </div>
            <div class="code-name">.icon-zuoyoujiantou-you
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuoyoujiantou-zuo"></span>
            <div class="name">
              左右箭头-左
            </div>
            <div class="code-name">.icon-zuoyoujiantou-zuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiantouzuoyuan"></span>
            <div class="name">
              箭头左圆
            </div>
            <div class="code-name">.icon-jiantouzuoyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiantouyouyuan"></span>
            <div class="name">
              箭头右圆
            </div>
            <div class="code-name">.icon-jiantouyouyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiantou-youhua"></span>
            <div class="name">
              箭头-右滑
            </div>
            <div class="code-name">.icon-jiantou-youhua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiantou-zuohua"></span>
            <div class="name">
              箭头-左滑
            </div>
            <div class="code-name">.icon-jiantou-zuohua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuoyoujiantou"></span>
            <div class="name">
              左右箭头-copy
            </div>
            <div class="code-name">.icon-zuoyoujiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiafa"></span>
            <div class="name">
              下发
            </div>
            <div class="code-name">.icon-xiafa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiafa1"></span>
            <div class="name">
              下发
            </div>
            <div class="code-name">.icon-xiafa1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-zhaoce_huaban1"></span>
            <div class="name">
              召测
            </div>
            <div class="code-name">.icon-a-zhaoce_huaban1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weather-13"></span>
            <div class="name">
              特大暴雨
            </div>
            <div class="code-name">.icon-weather-13
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weather-7"></span>
            <div class="name">
              雨夹雪
            </div>
            <div class="code-name">.icon-weather-7
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-haze"></span>
            <div class="name">
              霾
            </div>
            <div class="code-name">.icon-haze
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-frost"></span>
            <div class="name">
              霜冻
            </div>
            <div class="code-name">.icon-frost
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-night"></span>
            <div class="name">
              夜晚
            </div>
            <div class="code-name">.icon-night
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rain"></span>
            <div class="name">
              雨天
            </div>
            <div class="code-name">.icon-rain
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sunset"></span>
            <div class="name">
              日落
            </div>
            <div class="code-name">.icon-sunset
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-autumn"></span>
            <div class="name">
              秋
            </div>
            <div class="code-name">.icon-autumn
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Icon-daoru"></span>
            <div class="name">
              Icon - 导入
            </div>
            <div class="code-name">.icon-Icon-daoru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianqi-leidiantianqi"></span>
            <div class="name">
              天气-雷电天气
            </div>
            <div class="code-name">.icon-tianqi-leidiantianqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianqi-yu"></span>
            <div class="name">
              天气-雨
            </div>
            <div class="code-name">.icon-tianqi-yu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weather-10"></span>
            <div class="name">
              大雨
            </div>
            <div class="code-name">.icon-weather-10
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weather-12"></span>
            <div class="name">
              大暴雨
            </div>
            <div class="code-name">.icon-weather-12
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fadianliang"></span>
            <div class="name">
              发电量
            </div>
            <div class="code-name">.icon-fadianliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-suoding"></span>
            <div class="name">
              锁定
            </div>
            <div class="code-name">.icon-suoding
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quxiantu"></span>
            <div class="name">
              曲线图
            </div>
            <div class="code-name">.icon-quxiantu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-test"></span>
            <div class="name">
              退运
            </div>
            <div class="code-name">.icon-icon-test
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuiyun"></span>
            <div class="name">
              退运
            </div>
            <div class="code-name">.icon-tuiyun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-beijiantuiyundan"></span>
            <div class="name">
              备件退运单
            </div>
            <div class="code-name">.icon-beijiantuiyundan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zidongtouyun-shoudong"></span>
            <div class="name">
              自动投运-手动
            </div>
            <div class="code-name">.icon-zidongtouyun-shoudong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fabu-xianxingtubiao-01"></span>
            <div class="name">
              发布
            </div>
            <div class="code-name">.icon-fabu-xianxingtubiao-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chexiao5"></span>
            <div class="name">
              27撤销
            </div>
            <div class="code-name">.icon-chexiao5
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chexiao6"></span>
            <div class="name">
              KHCFDC_撤销
            </div>
            <div class="code-name">.icon-chexiao6
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fabu"></span>
            <div class="name">
              发布
            </div>
            <div class="code-name">.icon-fabu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-senlin"></span>
            <div class="name">
              森林
            </div>
            <div class="code-name">.icon-senlin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-co"></span>
            <div class="name">
              co2
            </div>
            <div class="code-name">.icon-icon-co
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mei"></span>
            <div class="name">
              煤
            </div>
            <div class="code-name">.icon-mei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-co"></span>
            <div class="name">
              co2
            </div>
            <div class="code-name">.icon-co
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mei1"></span>
            <div class="name">
              煤
            </div>
            <div class="code-name">.icon-mei1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-so2111"></span>
            <div class="name">
              so2
            </div>
            <div class="code-name">.icon-so2111
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-CO"></span>
            <div class="name">
              CO2
            </div>
            <div class="code-name">.icon-CO
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-16_shebei-nibianqi-danyuan11x"></span>
            <div class="name">
              16_设备-逆变器-单元1@1x
            </div>
            <div class="code-name">.icon-a-16_shebei-nibianqi-danyuan11x
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mei2"></span>
            <div class="name">
              煤
            </div>
            <div class="code-name">.icon-mei2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-SO2"></span>
            <div class="name">
              SO2
            </div>
            <div class="code-name">.icon-SO2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-F-fengjinibianqi"></span>
            <div class="name">
              F-风机逆变器
            </div>
            <div class="code-name">.icon-F-fengjinibianqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gaojing"></span>
            <div class="name">
              告警
            </div>
            <div class="code-name">.icon-gaojing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lixian"></span>
            <div class="name">
              离线
            </div>
            <div class="code-name">.icon-lixian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lixian1"></span>
            <div class="name">
              离线
            </div>
            <div class="code-name">.icon-lixian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhengchang"></span>
            <div class="name">
              正常
            </div>
            <div class="code-name">.icon-zhengchang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lixian11"></span>
            <div class="name">
              离线
            </div>
            <div class="code-name">.icon-lixian11
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caigoudingdanguanli"></span>
            <div class="name">
              采购订单管理
            </div>
            <div class="code-name">.icon-caigoudingdanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanzhuzhongxin"></span>
            <div class="name">
              关注中心
            </div>
            <div class="code-name">.icon-guanzhuzhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-disanfangshouquan"></span>
            <div class="name">
              第三方授权
            </div>
            <div class="code-name">.icon-disanfangshouquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodegongyingshang"></span>
            <div class="name">
              我的供应商
            </div>
            <div class="code-name">.icon-wodegongyingshang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoseguanli"></span>
            <div class="name">
              角色管理
            </div>
            <div class="code-name">.icon-jiaoseguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodeshenfenquequan"></span>
            <div class="name">
              我的身份确权
            </div>
            <div class="code-name">.icon-wodeshenfenquequan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingyin"></span>
            <div class="name">
              影音
            </div>
            <div class="code-name">.icon-yingyin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-aigongju"></span>
            <div class="name">
              ai工具
            </div>
            <div class="code-name">.icon-aigongju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoyouxi"></span>
            <div class="name">
              小游戏
            </div>
            <div class="code-name">.icon-xiaoyouxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanyu"></span>
            <div class="name">
              关于
            </div>
            <div class="code-name">.icon-guanyu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tubiao"></span>
            <div class="name">
              图标
            </div>
            <div class="code-name">.icon-tubiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuti"></span>
            <div class="name">
              主题
            </div>
            <div class="code-name">.icon-zhuti
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lianjie"></span>
            <div class="name">
              链接
            </div>
            <div class="code-name">.icon-lianjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-beifen"></span>
            <div class="name">
              备份
            </div>
            <div class="code-name">.icon-beifen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huiliuxiang"></span>
            <div class="name">
              汇流箱
            </div>
            <div class="code-name">.icon-huiliuxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianchirongliang"></span>
            <div class="name">
              电池容量
            </div>
            <div class="code-name">.icon-dianchirongliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiazai1"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.icon-xiazai1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiazai2"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.icon-xiazai2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-p"></span>
            <div class="name">
              p
            </div>
            <div class="code-name">.icon-p
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiahao1"></span>
            <div class="name">
              加号
            </div>
            <div class="code-name">.icon-jiahao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiajianzujianjiahao"></span>
            <div class="name">
              加减组件 加号
            </div>
            <div class="code-name">.icon-jiajianzujianjiahao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiahao"></span>
            <div class="name">
              加号
            </div>
            <div class="code-name">.icon-jiahao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangshangjiantou"></span>
            <div class="name">
              向上箭头
            </div>
            <div class="code-name">.icon-xiangshangjiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangxiajiantou1"></span>
            <div class="name">
              向下箭头
            </div>
            <div class="code-name">.icon-xiangxiajiantou1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-31gouwuchexuanzhong"></span>
            <div class="name">
              3.1购物车-选中
            </div>
            <div class="code-name">.icon-31gouwuchexuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuming"></span>
            <div class="name">
              用户名
            </div>
            <div class="code-name">.icon-yonghuming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-riqi"></span>
            <div class="name">
              日期
            </div>
            <div class="code-name">.icon-riqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon"></span>
            <div class="name">
              日期-色块icon
            </div>
            <div class="code-name">.icon-icon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-riqi1"></span>
            <div class="name">
              日期
            </div>
            <div class="code-name">.icon-riqi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lingdang"></span>
            <div class="name">
              铃铛
            </div>
            <div class="code-name">.icon-lingdang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tingyong"></span>
            <div class="name">
              停用
            </div>
            <div class="code-name">.icon-tingyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiyong"></span>
            <div class="name">
              启用
            </div>
            <div class="code-name">.icon-qiyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-haodianzongliang"></span>
            <div class="name">
              耗电总量
            </div>
            <div class="code-name">.icon-haodianzongliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuzhuangtutubiao"></span>
            <div class="name">
              柱状图 图表
            </div>
            <div class="code-name">.icon-zhuzhuangtutubiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaoge"></span>
            <div class="name">
              表格
            </div>
            <div class="code-name">.icon-biaoge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiugaimima"></span>
            <div class="name">
              修改密码
            </div>
            <div class="code-name">.icon-xiugaimima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuguanli"></span>
            <div class="name">
              用户管理
            </div>
            <div class="code-name">.icon-yonghuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghu"></span>
            <div class="name">
              用户
            </div>
            <div class="code-name">.icon-yonghu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiesuo"></span>
            <div class="name">
              解锁
            </div>
            <div class="code-name">.icon-jiesuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiazai"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.icon-xiazai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tijiao"></span>
            <div class="name">
              提交
            </div>
            <div class="code-name">.icon-tijiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhankaicaidan"></span>
            <div class="name">
              展开菜单
            </div>
            <div class="code-name">.icon-zhankaicaidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shousuocaidan"></span>
            <div class="name">
              收缩菜单
            </div>
            <div class="code-name">.icon-shousuocaidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-10Gcaidankaiqi"></span>
            <div class="name">
              10G菜单开启
            </div>
            <div class="code-name">.icon-a-10Gcaidankaiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidanshouqi"></span>
            <div class="name">
              菜单收起
            </div>
            <div class="code-name">.icon-caidanshouqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuikuan"></span>
            <div class="name">
              退款
            </div>
            <div class="code-name">.icon-tuikuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuikuan1"></span>
            <div class="name">
              退款
            </div>
            <div class="code-name">.icon-tuikuan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuikuan2"></span>
            <div class="name">
              退款
            </div>
            <div class="code-name">.icon-tuikuan2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sanfangcunguanxiaohu"></span>
            <div class="name">
              三方存管销户
            </div>
            <div class="code-name">.icon-sanfangcunguanxiaohu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-SQLshenhe"></span>
            <div class="name">
              SQL审核
            </div>
            <div class="code-name">.icon-SQLshenhe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenhe1"></span>
            <div class="name">
              审核
            </div>
            <div class="code-name">.icon-shenhe1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenhexitong"></span>
            <div class="name">
              审核系统
            </div>
            <div class="code-name">.icon-shenhexitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenhedaiban"></span>
            <div class="name">
              审核待办
            </div>
            <div class="code-name">.icon-shenhedaiban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenhe"></span>
            <div class="name">
              审核
            </div>
            <div class="code-name">.icon-shenhe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chaobiao"></span>
            <div class="name">
              抄表
            </div>
            <div class="code-name">.icon-chaobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fangan"></span>
            <div class="name">
              方案
            </div>
            <div class="code-name">.icon-fangan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chaobiao1"></span>
            <div class="name">
              抄表
            </div>
            <div class="code-name">.icon-chaobiao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-loudianliu"></span>
            <div class="name">
              漏电流
            </div>
            <div class="code-name">.icon-loudianliu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fangan1"></span>
            <div class="name">
              方案
            </div>
            <div class="code-name">.icon-fangan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baodian"></span>
            <div class="name">
              保电
            </div>
            <div class="code-name">.icon-baodian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kongxinjiantou-xiangshangyiheng"></span>
            <div class="name">
              空心箭头-向上一横
            </div>
            <div class="code-name">.icon-kongxinjiantou-xiangshangyiheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghukaihu"></span>
            <div class="name">
              用户开户
            </div>
            <div class="code-name">.icon-yonghukaihu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chexiao"></span>
            <div class="name">
              撤销
            </div>
            <div class="code-name">.icon-chexiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chexiao1"></span>
            <div class="name">
              撤销
            </div>
            <div class="code-name">.icon-chexiao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chexiao2"></span>
            <div class="name">
              撤销
            </div>
            <div class="code-name">.icon-chexiao2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chexiao3"></span>
            <div class="name">
              撤销
            </div>
            <div class="code-name">.icon-chexiao3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jingbanchexiao"></span>
            <div class="name">
              经办撤销
            </div>
            <div class="code-name">.icon-jingbanchexiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chexiao4"></span>
            <div class="name">
              撤销
            </div>
            <div class="code-name">.icon-chexiao4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jian"></span>
            <div class="name">
              减
            </div>
            <div class="code-name">.icon-jian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianjiawenjian"></span>
            <div class="name">
              添加文件
            </div>
            <div class="code-name">.icon-tianjiawenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianjiawenjian1"></span>
            <div class="name">
              添加文件
            </div>
            <div class="code-name">.icon-tianjiawenjian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jian1"></span>
            <div class="name">
              减
            </div>
            <div class="code-name">.icon-jian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-feiji"></span>
            <div class="name">
              飞机
            </div>
            <div class="code-name">.icon-feiji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fanchuan"></span>
            <div class="name">
              帆船
            </div>
            <div class="code-name">.icon-fanchuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chache"></span>
            <div class="name">
              叉车
            </div>
            <div class="code-name">.icon-chache
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chuzuche"></span>
            <div class="name">
              出租车
            </div>
            <div class="code-name">.icon-chuzuche
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jingche"></span>
            <div class="name">
              警车
            </div>
            <div class="code-name">.icon-jingche
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huojian"></span>
            <div class="name">
              火箭
            </div>
            <div class="code-name">.icon-huojian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huoche"></span>
            <div class="name">
              货车
            </div>
            <div class="code-name">.icon-huoche
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lunchuan"></span>
            <div class="name">
              轮船
            </div>
            <div class="code-name">.icon-lunchuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuolaji"></span>
            <div class="name">
              拖拉机
            </div>
            <div class="code-name">.icon-tuolaji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yueyeche"></span>
            <div class="name">
              越野车
            </div>
            <div class="code-name">.icon-yueyeche
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaomotuo"></span>
            <div class="name">
              小摩托
            </div>
            <div class="code-name">.icon-xiaomotuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiuhuche"></span>
            <div class="name">
              救护车
            </div>
            <div class="code-name">.icon-jiuhuche
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-motuoche"></span>
            <div class="name">
              摩托车
            </div>
            <div class="code-name">.icon-motuoche
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gaotie"></span>
            <div class="name">
              高铁
            </div>
            <div class="code-name">.icon-gaotie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiayoujiqi"></span>
            <div class="name">
              加油机器
            </div>
            <div class="code-name">.icon-jiayoujiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-xiaofangche1"></span>
            <div class="name">
              消防车 1
            </div>
            <div class="code-name">.icon-a-xiaofangche1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pika"></span>
            <div class="name">
              皮卡
            </div>
            <div class="code-name">.icon-pika
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chongzhi"></span>
            <div class="name">
              充值
            </div>
            <div class="code-name">.icon-chongzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-webicon16"></span>
            <div class="name">
              待收款对账单
            </div>
            <div class="code-name">.icon-webicon16
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhangdan"></span>
            <div class="name">
              账单
            </div>
            <div class="code-name">.icon-zhangdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-web-icon-"></span>
            <div class="name">
              对账付款
            </div>
            <div class="code-name">.icon-web-icon-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-web-icon-1"></span>
            <div class="name">
              对账查款
            </div>
            <div class="code-name">.icon-web-icon-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wj-zd"></span>
            <div class="name">
              文件-账单
            </div>
            <div class="code-name">.icon-wj-zd
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-011_zhangdanmingxi"></span>
            <div class="name">
              011_账单明细
            </div>
            <div class="code-name">.icon-a-011_zhangdanmingxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zongzhangdan"></span>
            <div class="name">
              总账单
            </div>
            <div class="code-name">.icon-zongzhangdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-003_qingli"></span>
            <div class="name">
              003_清理
            </div>
            <div class="code-name">.icon-a-003_qingli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-003_chehui"></span>
            <div class="name">
              003_撤回
            </div>
            <div class="code-name">.icon-a-003_chehui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liebiao"></span>
            <div class="name">
              列表
            </div>
            <div class="code-name">.icon-liebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-24gl-folderOpen"></span>
            <div class="name">
              24gl-folderOpen
            </div>
            <div class="code-name">.icon-24gl-folderOpen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-grouping"></span>
            <div class="name">
              分组
            </div>
            <div class="code-name">.icon-grouping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yx_minimize"></span>
            <div class="name">
              yx_minimize
            </div>
            <div class="code-name">.icon-yx_minimize
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-all"></span>
            <div class="name">
              all
            </div>
            <div class="code-name">.icon-all
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-attachment"></span>
            <div class="name">
              attachment
            </div>
            <div class="code-name">.icon-attachment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-auto"></span>
            <div class="name">
              auto
            </div>
            <div class="code-name">.icon-auto
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bad"></span>
            <div class="name">
              bad
            </div>
            <div class="code-name">.icon-bad
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-good"></span>
            <div class="name">
              good
            </div>
            <div class="code-name">.icon-good
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-skip"></span>
            <div class="name">
              skip
            </div>
            <div class="code-name">.icon-skip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-saoyisao"></span>
            <div class="name">
              扫一扫
            </div>
            <div class="code-name">.icon-saoyisao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodeyouhuiquan"></span>
            <div class="name">
              我的优惠券
            </div>
            <div class="code-name">.icon-wodeyouhuiquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lingcunwei"></span>
            <div class="name">
              另存为
            </div>
            <div class="code-name">.icon-lingcunwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liwu"></span>
            <div class="name">
              礼物
            </div>
            <div class="code-name">.icon-liwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuyin"></span>
            <div class="name">
              语音
            </div>
            <div class="code-name">.icon-yuyin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bluetoothon"></span>
            <div class="name">
              bluetoothon
            </div>
            <div class="code-name">.icon-bluetoothon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-camera"></span>
            <div class="name">
              camera
            </div>
            <div class="code-name">.icon-camera
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-th_internet"></span>
            <div class="name">
              th_internet
            </div>
            <div class="code-name">.icon-th_internet
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-problem"></span>
            <div class="name">
              problem
            </div>
            <div class="code-name">.icon-problem
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-messagewhite"></span>
            <div class="name">
              message white
            </div>
            <div class="code-name">.icon-messagewhite
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tipsmoney"></span>
            <div class="name">
              tips money
            </div>
            <div class="code-name">.icon-tipsmoney
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-like"></span>
            <div class="name">
              like
            </div>
            <div class="code-name">.icon-like
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mark"></span>
            <div class="name">
              mark
            </div>
            <div class="code-name">.icon-mark
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-customer-service"></span>
            <div class="name">
              customer-service
            </div>
            <div class="code-name">.icon-customer-service
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mic"></span>
            <div class="name">
              mic
            </div>
            <div class="code-name">.icon-mic
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-task"></span>
            <div class="name">
              task
            </div>
            <div class="code-name">.icon-task
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-telephone-out"></span>
            <div class="name">
              telephone-out
            </div>
            <div class="code-name">.icon-telephone-out
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-unlock"></span>
            <div class="name">
              unlock
            </div>
            <div class="code-name">.icon-unlock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zoom-in"></span>
            <div class="name">
              zoom-in
            </div>
            <div class="code-name">.icon-zoom-in
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zoom-out"></span>
            <div class="name">
              zoom-out
            </div>
            <div class="code-name">.icon-zoom-out
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-company"></span>
            <div class="name">
              company
            </div>
            <div class="code-name">.icon-company
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangpuzhuangxiu"></span>
            <div class="name">
              旺铺装修
            </div>
            <div class="code-name">.icon-wangpuzhuangxiu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hangyehuodong"></span>
            <div class="name">
              行业活动
            </div>
            <div class="code-name">.icon-hangyehuodong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wode"></span>
            <div class="name">
              我的
            </div>
            <div class="code-name">.icon-wode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuye"></span>
            <div class="name">
              主页
            </div>
            <div class="code-name">.icon-zhuye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoxi"></span>
            <div class="name">
              消息
            </div>
            <div class="code-name">.icon-xiaoxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongzhi"></span>
            <div class="name">
              通知
            </div>
            <div class="code-name">.icon-tongzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-shanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinggao"></span>
            <div class="name">
              警告
            </div>
            <div class="code-name">.icon-jinggao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoucang"></span>
            <div class="name">
              收藏
            </div>
            <div class="code-name">.icon-shoucang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shezhi1"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.icon-shezhi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingpan"></span>
            <div class="name">
              钉盘
            </div>
            <div class="code-name">.icon-dingpan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidan"></span>
            <div class="name">
              菜单
            </div>
            <div class="code-name">.icon-caidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoucang1"></span>
            <div class="name">
              收藏
            </div>
            <div class="code-name">.icon-shoucang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yx_back"></span>
            <div class="name">
              yx_back
            </div>
            <div class="code-name">.icon-yx_back
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yx_download"></span>
            <div class="name">
              yx_download
            </div>
            <div class="code-name">.icon-yx_download
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yx_bell_off"></span>
            <div class="name">
              yx_bell_off
            </div>
            <div class="code-name">.icon-yx_bell_off
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yx_check"></span>
            <div class="name">
              yx_check
            </div>
            <div class="code-name">.icon-yx_check
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yx_eye"></span>
            <div class="name">
              yx_eye
            </div>
            <div class="code-name">.icon-yx_eye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yx_icon_alert_triangle"></span>
            <div class="name">
              yx_icon_alert_triangle
            </div>
            <div class="code-name">.icon-yx_icon_alert_triangle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yx_bell"></span>
            <div class="name">
              yx_bell
            </div>
            <div class="code-name">.icon-yx_bell
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yx_icon_left"></span>
            <div class="name">
              yx_icon_left
            </div>
            <div class="code-name">.icon-yx_icon_left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yx_icon_right"></span>
            <div class="name">
              yx_icon_right
            </div>
            <div class="code-name">.icon-yx_icon_right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yx_icon_down"></span>
            <div class="name">
              yx_icon_down
            </div>
            <div class="code-name">.icon-yx_icon_down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yx_search"></span>
            <div class="name">
              yx_search
            </div>
            <div class="code-name">.icon-yx_search
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yx_map_pin"></span>
            <div class="name">
              yx_map_pin
            </div>
            <div class="code-name">.icon-yx_map_pin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yx_thumbs_up"></span>
            <div class="name">
              yx_thumbs_up
            </div>
            <div class="code-name">.icon-yx_thumbs_up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-iconfonticon5"></span>
            <div class="name">
              个人中心
            </div>
            <div class="code-name">.icon-iconfonticon5
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-iconfonticonfontxinxi"></span>
            <div class="name">
              微信信息
            </div>
            <div class="code-name">.icon-iconfonticonfontxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-iconfontcog"></span>
            <div class="name">
              iconfont-cog
            </div>
            <div class="code-name">.icon-iconfontcog
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-iconfonticon3"></span>
            <div class="name">
              iconfont-icon (3)
            </div>
            <div class="code-name">.icon-iconfonticon3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-iconfonticonfontditu2"></span>
            <div class="name">
              iconfont-iconfontditu2
            </div>
            <div class="code-name">.icon-iconfonticonfontditu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-iconfonticonfontlocationfill"></span>
            <div class="name">
              iconfont-iconfontlocationfill
            </div>
            <div class="code-name">.icon-iconfonticonfontlocationfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-iconfonticonfontweibo"></span>
            <div class="name">
              iconfont-iconfontweibo
            </div>
            <div class="code-name">.icon-iconfonticonfontweibo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shezhi"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.icon-shezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-iconfonticonfontsousuo1"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.icon-iconfonticonfontsousuo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangxiajiantou"></span>
            <div class="name">
              向下箭头
            </div>
            <div class="code-name">.icon-xiangxiajiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangyoujiantou"></span>
            <div class="name">
              向右箭头
            </div>
            <div class="code-name">.icon-xiangyoujiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangzuojiantou"></span>
            <div class="name">
              向左箭头
            </div>
            <div class="code-name">.icon-xiangzuojiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinrujiantou"></span>
            <div class="name">
              进入箭头
            </div>
            <div class="code-name">.icon-jinrujiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gouwuche1"></span>
            <div class="name">
               购物车
            </div>
            <div class="code-name">.icon-gouwuche1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gouwuche2"></span>
            <div class="name">
              购物车
            </div>
            <div class="code-name">.icon-gouwuche2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixiuoff"></span>
            <div class="name">
              维修off
            </div>
            <div class="code-name">.icon-weixiuoff
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixiu"></span>
            <div class="name">
              维修
            </div>
            <div class="code-name">.icon-weixiu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-iconfonticon-xitong"></span>
            <div class="name">
              iconfont icon-xitong
            </div>
            <div class="code-name">.icon-iconfonticon-xitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qian"></span>
            <div class="name">
              钱
            </div>
            <div class="code-name">.icon-qian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gouwuchekong"></span>
            <div class="name">
              购物车空
            </div>
            <div class="code-name">.icon-gouwuchekong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gouwuche"></span>
            <div class="name">
              购物车
            </div>
            <div class="code-name">.icon-gouwuche
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidan1"></use>
                </svg>
                <div class="name">菜单</div>
                <div class="code-name">#icon-caidan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidan2"></use>
                </svg>
                <div class="name">菜单</div>
                <div class="code-name">#icon-caidan2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidan3"></use>
                </svg>
                <div class="name">菜单</div>
                <div class="code-name">#icon-caidan3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidan4"></use>
                </svg>
                <div class="name">菜单</div>
                <div class="code-name">#icon-caidan4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidan_xiangmuguanli"></use>
                </svg>
                <div class="name">菜单_项目管理</div>
                <div class="code-name">#icon-caidan_xiangmuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-menu-item"></use>
                </svg>
                <div class="name">菜单项</div>
                <div class="code-name">#icon-menu-item</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebei"></use>
                </svg>
                <div class="name">左侧菜单-项目管理模块-2项目对象管理（1级菜单）-copy</div>
                <div class="code-name">#icon-shebei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiliangdian"></use>
                </svg>
                <div class="name">计量点</div>
                <div class="code-name">#icon-jiliangdian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yitongbu1"></use>
                </svg>
                <div class="name">已同步</div>
                <div class="code-name">#icon-yitongbu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dizhi"></use>
                </svg>
                <div class="name">地址</div>
                <div class="code-name">#icon-dizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gaojing1"></use>
                </svg>
                <div class="name">告警</div>
                <div class="code-name">#icon-gaojing1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeigaojing"></use>
                </svg>
                <div class="name">设备告警</div>
                <div class="code-name">#icon-shebeigaojing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenhao"></use>
                </svg>
                <div class="name">问号</div>
                <div class="code-name">#icon-wenhao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenhao1"></use>
                </svg>
                <div class="name">问号</div>
                <div class="code-name">#icon-wenhao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenhao2"></use>
                </svg>
                <div class="name">问号</div>
                <div class="code-name">#icon-wenhao2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenhao3"></use>
                </svg>
                <div class="name">问号</div>
                <div class="code-name">#icon-wenhao3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daochu"></use>
                </svg>
                <div class="name">导出</div>
                <div class="code-name">#icon-daochu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daochu1"></use>
                </svg>
                <div class="name">导出</div>
                <div class="code-name">#icon-daochu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiantouzuo"></use>
                </svg>
                <div class="name">箭头左</div>
                <div class="code-name">#icon-jiantouzuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiantou_you"></use>
                </svg>
                <div class="name">箭头4_右</div>
                <div class="code-name">#icon-jiantou_you</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiantou_zuo"></use>
                </svg>
                <div class="name">箭头4_左</div>
                <div class="code-name">#icon-jiantou_zuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-poi-turnleft"></use>
                </svg>
                <div class="name">左右箭头</div>
                <div class="code-name">#icon-poi-turnleft</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuoyoujiantoux"></use>
                </svg>
                <div class="name">左右箭头@2x</div>
                <div class="code-name">#icon-zuoyoujiantoux</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuoyoujiantoux1"></use>
                </svg>
                <div class="name">左右箭头@2x</div>
                <div class="code-name">#icon-zuoyoujiantoux1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiantou_yemian_xiangyou"></use>
                </svg>
                <div class="name">箭头_页面_向右</div>
                <div class="code-name">#icon-jiantou_yemian_xiangyou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiantou_yemian_xiangzuo"></use>
                </svg>
                <div class="name">箭头_页面_向左</div>
                <div class="code-name">#icon-jiantou_yemian_xiangzuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuoyoujiantou-you"></use>
                </svg>
                <div class="name">左右箭头-右</div>
                <div class="code-name">#icon-zuoyoujiantou-you</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuoyoujiantou-zuo"></use>
                </svg>
                <div class="name">左右箭头-左</div>
                <div class="code-name">#icon-zuoyoujiantou-zuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiantouzuoyuan"></use>
                </svg>
                <div class="name">箭头左圆</div>
                <div class="code-name">#icon-jiantouzuoyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiantouyouyuan"></use>
                </svg>
                <div class="name">箭头右圆</div>
                <div class="code-name">#icon-jiantouyouyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiantou-youhua"></use>
                </svg>
                <div class="name">箭头-右滑</div>
                <div class="code-name">#icon-jiantou-youhua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiantou-zuohua"></use>
                </svg>
                <div class="name">箭头-左滑</div>
                <div class="code-name">#icon-jiantou-zuohua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuoyoujiantou"></use>
                </svg>
                <div class="name">左右箭头-copy</div>
                <div class="code-name">#icon-zuoyoujiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiafa"></use>
                </svg>
                <div class="name">下发</div>
                <div class="code-name">#icon-xiafa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiafa1"></use>
                </svg>
                <div class="name">下发</div>
                <div class="code-name">#icon-xiafa1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zhaoce_huaban1"></use>
                </svg>
                <div class="name">召测</div>
                <div class="code-name">#icon-a-zhaoce_huaban1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weather-13"></use>
                </svg>
                <div class="name">特大暴雨</div>
                <div class="code-name">#icon-weather-13</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weather-7"></use>
                </svg>
                <div class="name">雨夹雪</div>
                <div class="code-name">#icon-weather-7</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-haze"></use>
                </svg>
                <div class="name">霾</div>
                <div class="code-name">#icon-haze</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-frost"></use>
                </svg>
                <div class="name">霜冻</div>
                <div class="code-name">#icon-frost</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-night"></use>
                </svg>
                <div class="name">夜晚</div>
                <div class="code-name">#icon-night</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rain"></use>
                </svg>
                <div class="name">雨天</div>
                <div class="code-name">#icon-rain</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sunset"></use>
                </svg>
                <div class="name">日落</div>
                <div class="code-name">#icon-sunset</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-autumn"></use>
                </svg>
                <div class="name">秋</div>
                <div class="code-name">#icon-autumn</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Icon-daoru"></use>
                </svg>
                <div class="name">Icon - 导入</div>
                <div class="code-name">#icon-Icon-daoru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianqi-leidiantianqi"></use>
                </svg>
                <div class="name">天气-雷电天气</div>
                <div class="code-name">#icon-tianqi-leidiantianqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianqi-yu"></use>
                </svg>
                <div class="name">天气-雨</div>
                <div class="code-name">#icon-tianqi-yu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weather-10"></use>
                </svg>
                <div class="name">大雨</div>
                <div class="code-name">#icon-weather-10</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weather-12"></use>
                </svg>
                <div class="name">大暴雨</div>
                <div class="code-name">#icon-weather-12</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fadianliang"></use>
                </svg>
                <div class="name">发电量</div>
                <div class="code-name">#icon-fadianliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-suoding"></use>
                </svg>
                <div class="name">锁定</div>
                <div class="code-name">#icon-suoding</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quxiantu"></use>
                </svg>
                <div class="name">曲线图</div>
                <div class="code-name">#icon-quxiantu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-test"></use>
                </svg>
                <div class="name">退运</div>
                <div class="code-name">#icon-icon-test</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuiyun"></use>
                </svg>
                <div class="name">退运</div>
                <div class="code-name">#icon-tuiyun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-beijiantuiyundan"></use>
                </svg>
                <div class="name">备件退运单</div>
                <div class="code-name">#icon-beijiantuiyundan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zidongtouyun-shoudong"></use>
                </svg>
                <div class="name">自动投运-手动</div>
                <div class="code-name">#icon-zidongtouyun-shoudong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fabu-xianxingtubiao-01"></use>
                </svg>
                <div class="name">发布</div>
                <div class="code-name">#icon-fabu-xianxingtubiao-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chexiao5"></use>
                </svg>
                <div class="name">27撤销</div>
                <div class="code-name">#icon-chexiao5</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chexiao6"></use>
                </svg>
                <div class="name">KHCFDC_撤销</div>
                <div class="code-name">#icon-chexiao6</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fabu"></use>
                </svg>
                <div class="name">发布</div>
                <div class="code-name">#icon-fabu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-senlin"></use>
                </svg>
                <div class="name">森林</div>
                <div class="code-name">#icon-senlin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-co"></use>
                </svg>
                <div class="name">co2</div>
                <div class="code-name">#icon-icon-co</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mei"></use>
                </svg>
                <div class="name">煤</div>
                <div class="code-name">#icon-mei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-co"></use>
                </svg>
                <div class="name">co2</div>
                <div class="code-name">#icon-co</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mei1"></use>
                </svg>
                <div class="name">煤</div>
                <div class="code-name">#icon-mei1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-so2111"></use>
                </svg>
                <div class="name">so2</div>
                <div class="code-name">#icon-so2111</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-CO"></use>
                </svg>
                <div class="name">CO2</div>
                <div class="code-name">#icon-CO</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-16_shebei-nibianqi-danyuan11x"></use>
                </svg>
                <div class="name">16_设备-逆变器-单元1@1x</div>
                <div class="code-name">#icon-a-16_shebei-nibianqi-danyuan11x</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mei2"></use>
                </svg>
                <div class="name">煤</div>
                <div class="code-name">#icon-mei2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-SO2"></use>
                </svg>
                <div class="name">SO2</div>
                <div class="code-name">#icon-SO2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-F-fengjinibianqi"></use>
                </svg>
                <div class="name">F-风机逆变器</div>
                <div class="code-name">#icon-F-fengjinibianqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gaojing"></use>
                </svg>
                <div class="name">告警</div>
                <div class="code-name">#icon-gaojing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lixian"></use>
                </svg>
                <div class="name">离线</div>
                <div class="code-name">#icon-lixian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lixian1"></use>
                </svg>
                <div class="name">离线</div>
                <div class="code-name">#icon-lixian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhengchang"></use>
                </svg>
                <div class="name">正常</div>
                <div class="code-name">#icon-zhengchang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lixian11"></use>
                </svg>
                <div class="name">离线</div>
                <div class="code-name">#icon-lixian11</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caigoudingdanguanli"></use>
                </svg>
                <div class="name">采购订单管理</div>
                <div class="code-name">#icon-caigoudingdanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanzhuzhongxin"></use>
                </svg>
                <div class="name">关注中心</div>
                <div class="code-name">#icon-guanzhuzhongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-disanfangshouquan"></use>
                </svg>
                <div class="name">第三方授权</div>
                <div class="code-name">#icon-disanfangshouquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wodegongyingshang"></use>
                </svg>
                <div class="name">我的供应商</div>
                <div class="code-name">#icon-wodegongyingshang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaoseguanli"></use>
                </svg>
                <div class="name">角色管理</div>
                <div class="code-name">#icon-jiaoseguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wodeshenfenquequan"></use>
                </svg>
                <div class="name">我的身份确权</div>
                <div class="code-name">#icon-wodeshenfenquequan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingyin"></use>
                </svg>
                <div class="name">影音</div>
                <div class="code-name">#icon-yingyin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-aigongju"></use>
                </svg>
                <div class="name">ai工具</div>
                <div class="code-name">#icon-aigongju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoyouxi"></use>
                </svg>
                <div class="name">小游戏</div>
                <div class="code-name">#icon-xiaoyouxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanyu"></use>
                </svg>
                <div class="name">关于</div>
                <div class="code-name">#icon-guanyu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tubiao"></use>
                </svg>
                <div class="name">图标</div>
                <div class="code-name">#icon-tubiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuti"></use>
                </svg>
                <div class="name">主题</div>
                <div class="code-name">#icon-zhuti</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lianjie"></use>
                </svg>
                <div class="name">链接</div>
                <div class="code-name">#icon-lianjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-beifen"></use>
                </svg>
                <div class="name">备份</div>
                <div class="code-name">#icon-beifen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huiliuxiang"></use>
                </svg>
                <div class="name">汇流箱</div>
                <div class="code-name">#icon-huiliuxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianchirongliang"></use>
                </svg>
                <div class="name">电池容量</div>
                <div class="code-name">#icon-dianchirongliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiazai1"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#icon-xiazai1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiazai2"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#icon-xiazai2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-p"></use>
                </svg>
                <div class="name">p</div>
                <div class="code-name">#icon-p</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiahao1"></use>
                </svg>
                <div class="name">加号</div>
                <div class="code-name">#icon-jiahao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiajianzujianjiahao"></use>
                </svg>
                <div class="name">加减组件 加号</div>
                <div class="code-name">#icon-jiajianzujianjiahao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiahao"></use>
                </svg>
                <div class="name">加号</div>
                <div class="code-name">#icon-jiahao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangshangjiantou"></use>
                </svg>
                <div class="name">向上箭头</div>
                <div class="code-name">#icon-xiangshangjiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangxiajiantou1"></use>
                </svg>
                <div class="name">向下箭头</div>
                <div class="code-name">#icon-xiangxiajiantou1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-31gouwuchexuanzhong"></use>
                </svg>
                <div class="name">3.1购物车-选中</div>
                <div class="code-name">#icon-31gouwuchexuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonghuming"></use>
                </svg>
                <div class="name">用户名</div>
                <div class="code-name">#icon-yonghuming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-riqi"></use>
                </svg>
                <div class="name">日期</div>
                <div class="code-name">#icon-riqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon"></use>
                </svg>
                <div class="name">日期-色块icon</div>
                <div class="code-name">#icon-icon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-riqi1"></use>
                </svg>
                <div class="name">日期</div>
                <div class="code-name">#icon-riqi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lingdang"></use>
                </svg>
                <div class="name">铃铛</div>
                <div class="code-name">#icon-lingdang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tingyong"></use>
                </svg>
                <div class="name">停用</div>
                <div class="code-name">#icon-tingyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiyong"></use>
                </svg>
                <div class="name">启用</div>
                <div class="code-name">#icon-qiyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-haodianzongliang"></use>
                </svg>
                <div class="name">耗电总量</div>
                <div class="code-name">#icon-haodianzongliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuzhuangtutubiao"></use>
                </svg>
                <div class="name">柱状图 图表</div>
                <div class="code-name">#icon-zhuzhuangtutubiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaoge"></use>
                </svg>
                <div class="name">表格</div>
                <div class="code-name">#icon-biaoge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiugaimima"></use>
                </svg>
                <div class="name">修改密码</div>
                <div class="code-name">#icon-xiugaimima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonghuguanli"></use>
                </svg>
                <div class="name">用户管理</div>
                <div class="code-name">#icon-yonghuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonghu"></use>
                </svg>
                <div class="name">用户</div>
                <div class="code-name">#icon-yonghu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiesuo"></use>
                </svg>
                <div class="name">解锁</div>
                <div class="code-name">#icon-jiesuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiazai"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#icon-xiazai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tijiao"></use>
                </svg>
                <div class="name">提交</div>
                <div class="code-name">#icon-tijiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhankaicaidan"></use>
                </svg>
                <div class="name">展开菜单</div>
                <div class="code-name">#icon-zhankaicaidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shousuocaidan"></use>
                </svg>
                <div class="name">收缩菜单</div>
                <div class="code-name">#icon-shousuocaidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-10Gcaidankaiqi"></use>
                </svg>
                <div class="name">10G菜单开启</div>
                <div class="code-name">#icon-a-10Gcaidankaiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidanshouqi"></use>
                </svg>
                <div class="name">菜单收起</div>
                <div class="code-name">#icon-caidanshouqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuikuan"></use>
                </svg>
                <div class="name">退款</div>
                <div class="code-name">#icon-tuikuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuikuan1"></use>
                </svg>
                <div class="name">退款</div>
                <div class="code-name">#icon-tuikuan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuikuan2"></use>
                </svg>
                <div class="name">退款</div>
                <div class="code-name">#icon-tuikuan2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sanfangcunguanxiaohu"></use>
                </svg>
                <div class="name">三方存管销户</div>
                <div class="code-name">#icon-sanfangcunguanxiaohu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-SQLshenhe"></use>
                </svg>
                <div class="name">SQL审核</div>
                <div class="code-name">#icon-SQLshenhe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenhe1"></use>
                </svg>
                <div class="name">审核</div>
                <div class="code-name">#icon-shenhe1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenhexitong"></use>
                </svg>
                <div class="name">审核系统</div>
                <div class="code-name">#icon-shenhexitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenhedaiban"></use>
                </svg>
                <div class="name">审核待办</div>
                <div class="code-name">#icon-shenhedaiban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenhe"></use>
                </svg>
                <div class="name">审核</div>
                <div class="code-name">#icon-shenhe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chaobiao"></use>
                </svg>
                <div class="name">抄表</div>
                <div class="code-name">#icon-chaobiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fangan"></use>
                </svg>
                <div class="name">方案</div>
                <div class="code-name">#icon-fangan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chaobiao1"></use>
                </svg>
                <div class="name">抄表</div>
                <div class="code-name">#icon-chaobiao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-loudianliu"></use>
                </svg>
                <div class="name">漏电流</div>
                <div class="code-name">#icon-loudianliu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fangan1"></use>
                </svg>
                <div class="name">方案</div>
                <div class="code-name">#icon-fangan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baodian"></use>
                </svg>
                <div class="name">保电</div>
                <div class="code-name">#icon-baodian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kongxinjiantou-xiangshangyiheng"></use>
                </svg>
                <div class="name">空心箭头-向上一横</div>
                <div class="code-name">#icon-kongxinjiantou-xiangshangyiheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonghukaihu"></use>
                </svg>
                <div class="name">用户开户</div>
                <div class="code-name">#icon-yonghukaihu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chexiao"></use>
                </svg>
                <div class="name">撤销</div>
                <div class="code-name">#icon-chexiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chexiao1"></use>
                </svg>
                <div class="name">撤销</div>
                <div class="code-name">#icon-chexiao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chexiao2"></use>
                </svg>
                <div class="name">撤销</div>
                <div class="code-name">#icon-chexiao2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chexiao3"></use>
                </svg>
                <div class="name">撤销</div>
                <div class="code-name">#icon-chexiao3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jingbanchexiao"></use>
                </svg>
                <div class="name">经办撤销</div>
                <div class="code-name">#icon-jingbanchexiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chexiao4"></use>
                </svg>
                <div class="name">撤销</div>
                <div class="code-name">#icon-chexiao4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jian"></use>
                </svg>
                <div class="name">减</div>
                <div class="code-name">#icon-jian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianjiawenjian"></use>
                </svg>
                <div class="name">添加文件</div>
                <div class="code-name">#icon-tianjiawenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianjiawenjian1"></use>
                </svg>
                <div class="name">添加文件</div>
                <div class="code-name">#icon-tianjiawenjian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jian1"></use>
                </svg>
                <div class="name">减</div>
                <div class="code-name">#icon-jian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-feiji"></use>
                </svg>
                <div class="name">飞机</div>
                <div class="code-name">#icon-feiji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fanchuan"></use>
                </svg>
                <div class="name">帆船</div>
                <div class="code-name">#icon-fanchuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chache"></use>
                </svg>
                <div class="name">叉车</div>
                <div class="code-name">#icon-chache</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chuzuche"></use>
                </svg>
                <div class="name">出租车</div>
                <div class="code-name">#icon-chuzuche</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jingche"></use>
                </svg>
                <div class="name">警车</div>
                <div class="code-name">#icon-jingche</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huojian"></use>
                </svg>
                <div class="name">火箭</div>
                <div class="code-name">#icon-huojian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huoche"></use>
                </svg>
                <div class="name">货车</div>
                <div class="code-name">#icon-huoche</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lunchuan"></use>
                </svg>
                <div class="name">轮船</div>
                <div class="code-name">#icon-lunchuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuolaji"></use>
                </svg>
                <div class="name">拖拉机</div>
                <div class="code-name">#icon-tuolaji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yueyeche"></use>
                </svg>
                <div class="name">越野车</div>
                <div class="code-name">#icon-yueyeche</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaomotuo"></use>
                </svg>
                <div class="name">小摩托</div>
                <div class="code-name">#icon-xiaomotuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiuhuche"></use>
                </svg>
                <div class="name">救护车</div>
                <div class="code-name">#icon-jiuhuche</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-motuoche"></use>
                </svg>
                <div class="name">摩托车</div>
                <div class="code-name">#icon-motuoche</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gaotie"></use>
                </svg>
                <div class="name">高铁</div>
                <div class="code-name">#icon-gaotie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiayoujiqi"></use>
                </svg>
                <div class="name">加油机器</div>
                <div class="code-name">#icon-jiayoujiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-xiaofangche1"></use>
                </svg>
                <div class="name">消防车 1</div>
                <div class="code-name">#icon-a-xiaofangche1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pika"></use>
                </svg>
                <div class="name">皮卡</div>
                <div class="code-name">#icon-pika</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chongzhi"></use>
                </svg>
                <div class="name">充值</div>
                <div class="code-name">#icon-chongzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-webicon16"></use>
                </svg>
                <div class="name">待收款对账单</div>
                <div class="code-name">#icon-webicon16</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhangdan"></use>
                </svg>
                <div class="name">账单</div>
                <div class="code-name">#icon-zhangdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-web-icon-"></use>
                </svg>
                <div class="name">对账付款</div>
                <div class="code-name">#icon-web-icon-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-web-icon-1"></use>
                </svg>
                <div class="name">对账查款</div>
                <div class="code-name">#icon-web-icon-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wj-zd"></use>
                </svg>
                <div class="name">文件-账单</div>
                <div class="code-name">#icon-wj-zd</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-011_zhangdanmingxi"></use>
                </svg>
                <div class="name">011_账单明细</div>
                <div class="code-name">#icon-a-011_zhangdanmingxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zongzhangdan"></use>
                </svg>
                <div class="name">总账单</div>
                <div class="code-name">#icon-zongzhangdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-003_qingli"></use>
                </svg>
                <div class="name">003_清理</div>
                <div class="code-name">#icon-a-003_qingli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-003_chehui"></use>
                </svg>
                <div class="name">003_撤回</div>
                <div class="code-name">#icon-a-003_chehui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liebiao"></use>
                </svg>
                <div class="name">列表</div>
                <div class="code-name">#icon-liebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-24gl-folderOpen"></use>
                </svg>
                <div class="name">24gl-folderOpen</div>
                <div class="code-name">#icon-24gl-folderOpen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-grouping"></use>
                </svg>
                <div class="name">分组</div>
                <div class="code-name">#icon-grouping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yx_minimize"></use>
                </svg>
                <div class="name">yx_minimize</div>
                <div class="code-name">#icon-yx_minimize</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-all"></use>
                </svg>
                <div class="name">all</div>
                <div class="code-name">#icon-all</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-attachment"></use>
                </svg>
                <div class="name">attachment</div>
                <div class="code-name">#icon-attachment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-auto"></use>
                </svg>
                <div class="name">auto</div>
                <div class="code-name">#icon-auto</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bad"></use>
                </svg>
                <div class="name">bad</div>
                <div class="code-name">#icon-bad</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-good"></use>
                </svg>
                <div class="name">good</div>
                <div class="code-name">#icon-good</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-skip"></use>
                </svg>
                <div class="name">skip</div>
                <div class="code-name">#icon-skip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-saoyisao"></use>
                </svg>
                <div class="name">扫一扫</div>
                <div class="code-name">#icon-saoyisao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wodeyouhuiquan"></use>
                </svg>
                <div class="name">我的优惠券</div>
                <div class="code-name">#icon-wodeyouhuiquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lingcunwei"></use>
                </svg>
                <div class="name">另存为</div>
                <div class="code-name">#icon-lingcunwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liwu"></use>
                </svg>
                <div class="name">礼物</div>
                <div class="code-name">#icon-liwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuyin"></use>
                </svg>
                <div class="name">语音</div>
                <div class="code-name">#icon-yuyin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bluetoothon"></use>
                </svg>
                <div class="name">bluetoothon</div>
                <div class="code-name">#icon-bluetoothon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-camera"></use>
                </svg>
                <div class="name">camera</div>
                <div class="code-name">#icon-camera</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-th_internet"></use>
                </svg>
                <div class="name">th_internet</div>
                <div class="code-name">#icon-th_internet</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-problem"></use>
                </svg>
                <div class="name">problem</div>
                <div class="code-name">#icon-problem</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-messagewhite"></use>
                </svg>
                <div class="name">message white</div>
                <div class="code-name">#icon-messagewhite</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tipsmoney"></use>
                </svg>
                <div class="name">tips money</div>
                <div class="code-name">#icon-tipsmoney</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-like"></use>
                </svg>
                <div class="name">like</div>
                <div class="code-name">#icon-like</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mark"></use>
                </svg>
                <div class="name">mark</div>
                <div class="code-name">#icon-mark</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-customer-service"></use>
                </svg>
                <div class="name">customer-service</div>
                <div class="code-name">#icon-customer-service</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mic"></use>
                </svg>
                <div class="name">mic</div>
                <div class="code-name">#icon-mic</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-task"></use>
                </svg>
                <div class="name">task</div>
                <div class="code-name">#icon-task</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-telephone-out"></use>
                </svg>
                <div class="name">telephone-out</div>
                <div class="code-name">#icon-telephone-out</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-unlock"></use>
                </svg>
                <div class="name">unlock</div>
                <div class="code-name">#icon-unlock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zoom-in"></use>
                </svg>
                <div class="name">zoom-in</div>
                <div class="code-name">#icon-zoom-in</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zoom-out"></use>
                </svg>
                <div class="name">zoom-out</div>
                <div class="code-name">#icon-zoom-out</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-company"></use>
                </svg>
                <div class="name">company</div>
                <div class="code-name">#icon-company</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wangpuzhuangxiu"></use>
                </svg>
                <div class="name">旺铺装修</div>
                <div class="code-name">#icon-wangpuzhuangxiu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hangyehuodong"></use>
                </svg>
                <div class="name">行业活动</div>
                <div class="code-name">#icon-hangyehuodong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wode"></use>
                </svg>
                <div class="name">我的</div>
                <div class="code-name">#icon-wode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuye"></use>
                </svg>
                <div class="name">主页</div>
                <div class="code-name">#icon-zhuye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoxi"></use>
                </svg>
                <div class="name">消息</div>
                <div class="code-name">#icon-xiaoxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongzhi"></use>
                </svg>
                <div class="name">通知</div>
                <div class="code-name">#icon-tongzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-shanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinggao"></use>
                </svg>
                <div class="name">警告</div>
                <div class="code-name">#icon-jinggao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoucang"></use>
                </svg>
                <div class="name">收藏</div>
                <div class="code-name">#icon-shoucang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shezhi1"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#icon-shezhi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingpan"></use>
                </svg>
                <div class="name">钉盘</div>
                <div class="code-name">#icon-dingpan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidan"></use>
                </svg>
                <div class="name">菜单</div>
                <div class="code-name">#icon-caidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoucang1"></use>
                </svg>
                <div class="name">收藏</div>
                <div class="code-name">#icon-shoucang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yx_back"></use>
                </svg>
                <div class="name">yx_back</div>
                <div class="code-name">#icon-yx_back</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yx_download"></use>
                </svg>
                <div class="name">yx_download</div>
                <div class="code-name">#icon-yx_download</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yx_bell_off"></use>
                </svg>
                <div class="name">yx_bell_off</div>
                <div class="code-name">#icon-yx_bell_off</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yx_check"></use>
                </svg>
                <div class="name">yx_check</div>
                <div class="code-name">#icon-yx_check</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yx_eye"></use>
                </svg>
                <div class="name">yx_eye</div>
                <div class="code-name">#icon-yx_eye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yx_icon_alert_triangle"></use>
                </svg>
                <div class="name">yx_icon_alert_triangle</div>
                <div class="code-name">#icon-yx_icon_alert_triangle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yx_bell"></use>
                </svg>
                <div class="name">yx_bell</div>
                <div class="code-name">#icon-yx_bell</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yx_icon_left"></use>
                </svg>
                <div class="name">yx_icon_left</div>
                <div class="code-name">#icon-yx_icon_left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yx_icon_right"></use>
                </svg>
                <div class="name">yx_icon_right</div>
                <div class="code-name">#icon-yx_icon_right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yx_icon_down"></use>
                </svg>
                <div class="name">yx_icon_down</div>
                <div class="code-name">#icon-yx_icon_down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yx_search"></use>
                </svg>
                <div class="name">yx_search</div>
                <div class="code-name">#icon-yx_search</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yx_map_pin"></use>
                </svg>
                <div class="name">yx_map_pin</div>
                <div class="code-name">#icon-yx_map_pin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yx_thumbs_up"></use>
                </svg>
                <div class="name">yx_thumbs_up</div>
                <div class="code-name">#icon-yx_thumbs_up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-iconfonticon5"></use>
                </svg>
                <div class="name">个人中心</div>
                <div class="code-name">#icon-iconfonticon5</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-iconfonticonfontxinxi"></use>
                </svg>
                <div class="name">微信信息</div>
                <div class="code-name">#icon-iconfonticonfontxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-iconfontcog"></use>
                </svg>
                <div class="name">iconfont-cog</div>
                <div class="code-name">#icon-iconfontcog</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-iconfonticon3"></use>
                </svg>
                <div class="name">iconfont-icon (3)</div>
                <div class="code-name">#icon-iconfonticon3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-iconfonticonfontditu2"></use>
                </svg>
                <div class="name">iconfont-iconfontditu2</div>
                <div class="code-name">#icon-iconfonticonfontditu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-iconfonticonfontlocationfill"></use>
                </svg>
                <div class="name">iconfont-iconfontlocationfill</div>
                <div class="code-name">#icon-iconfonticonfontlocationfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-iconfonticonfontweibo"></use>
                </svg>
                <div class="name">iconfont-iconfontweibo</div>
                <div class="code-name">#icon-iconfonticonfontweibo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shezhi"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#icon-shezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-iconfonticonfontsousuo1"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#icon-iconfonticonfontsousuo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangxiajiantou"></use>
                </svg>
                <div class="name">向下箭头</div>
                <div class="code-name">#icon-xiangxiajiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangyoujiantou"></use>
                </svg>
                <div class="name">向右箭头</div>
                <div class="code-name">#icon-xiangyoujiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangzuojiantou"></use>
                </svg>
                <div class="name">向左箭头</div>
                <div class="code-name">#icon-xiangzuojiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinrujiantou"></use>
                </svg>
                <div class="name">进入箭头</div>
                <div class="code-name">#icon-jinrujiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gouwuche1"></use>
                </svg>
                <div class="name"> 购物车</div>
                <div class="code-name">#icon-gouwuche1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gouwuche2"></use>
                </svg>
                <div class="name">购物车</div>
                <div class="code-name">#icon-gouwuche2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixiuoff"></use>
                </svg>
                <div class="name">维修off</div>
                <div class="code-name">#icon-weixiuoff</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixiu"></use>
                </svg>
                <div class="name">维修</div>
                <div class="code-name">#icon-weixiu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-iconfonticon-xitong"></use>
                </svg>
                <div class="name">iconfont icon-xitong</div>
                <div class="code-name">#icon-iconfonticon-xitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qian"></use>
                </svg>
                <div class="name">钱</div>
                <div class="code-name">#icon-qian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gouwuchekong"></use>
                </svg>
                <div class="name">购物车空</div>
                <div class="code-name">#icon-gouwuchekong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gouwuche"></use>
                </svg>
                <div class="name">购物车</div>
                <div class="code-name">#icon-gouwuche</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
